diff options
Diffstat (limited to 'src/components/atoms/lists/list.tsx')
| -rw-r--r-- | src/components/atoms/lists/list.tsx | 11 |
1 files changed, 3 insertions, 8 deletions
diff --git a/src/components/atoms/lists/list.tsx b/src/components/atoms/lists/list.tsx index aa0a241..8fc9672 100644 --- a/src/components/atoms/lists/list.tsx +++ b/src/components/atoms/lists/list.tsx @@ -40,7 +40,7 @@ export type ListProps = { * * Render either an ordered or an unordered list. */ -const List: FC<ListProps> = ({ +export const List: FC<ListProps> = ({ className = '', items, itemsClassName = '', @@ -48,6 +48,7 @@ const List: FC<ListProps> = ({ }) => { const ListTag = kind === 'ordered' ? 'ol' : 'ul'; const kindClass = `list--${kind}`; + const listClass = `${styles.list} ${styles[kindClass]} ${className}`; /** * Retrieve the list items. @@ -69,11 +70,5 @@ const List: FC<ListProps> = ({ )); }; - return ( - <ListTag className={`${styles.list} ${styles[kindClass]} ${className}`}> - {getItems(items)} - </ListTag> - ); + return <ListTag className={listClass}>{getItems(items)}</ListTag>; }; - -export default List; |
