Styled-components 태그 속성 한번에 주기

import React from 'react';
import styled from 'styled-components';

const Father = styled.div`
  display: flex;
`;

// attrs({key: value, key:value, ...})
// 이런식으로 한번에 태그 속성을 줄수도 있음

const Input = styled.input.attrs({ required: true, minlength: "10" })`
  background-color: tomato;
`;

function App() {
  return (
    <Father>
      <Input/>
      <Input/>
      <Input/>
      <Input/>
      <Input/>
    </Father>
  );
}

export default App;