JS: Organizing styled-components

index.js

const styling = {
  Container: style.div`
    padding: 16px;
    ${props => props.isBig && css`
        padding: 32px;
    `}
  `,
  Heading: styled.div`
    display: flex;
  `,
  HeadingButton: styled.div`
    margin-left: auto;
  `
}

const Card = <styling.Container>
  <styling.Heading>
    <styling.HeadingButton>
      <button />
    </styling.HeadingButton>
  </syling.Heading>
</styling.Container>