This PR was created by [GitStart](https://gitstart.com/) to address the requirements from this ticket: [TWNTY-7532](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7532). --- ### Description Migrate: - Card - CardContent - CardFooter - CardHeader ### Demo Card in Storybook  ###### Fixes twentyhq/private-issues#86 --------- Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com> Co-authored-by: Charles Bochet <charles@twenty.com>
13 lines
460 B
TypeScript
13 lines
460 B
TypeScript
import { css } from '@emotion/react';
|
|
import styled from '@emotion/styled';
|
|
|
|
const StyledCardFooter = styled.div<{ divider?: boolean }>`
|
|
background-color: ${({ theme }) => theme.background.primary};
|
|
border-top: ${({ divider = true, theme }) =>
|
|
divider ? css`1px solid ${theme.border.color.medium}` : 0};
|
|
font-size: ${({ theme }) => theme.font.size.sm};
|
|
padding: ${({ theme }) => theme.spacing(2, 4)};
|
|
`;
|
|
|
|
export { StyledCardFooter as CardFooter };
|